<template>
  <!-- 面包屑 -->
  <q-breadcrumbs active-color="none">
    <transition-group appear enter-active-class="animated fadeInLeft">
      <q-breadcrumbs-el
        :icon="item.icon"
        :label="item.name"
        v-for="item in layout.crumbsList"
        :key="item.id"
      />
    </transition-group>
  </q-breadcrumbs>
</template>

<script setup lang="ts">
import { useLayoutStore } from 'src/stores/layout-store';
const layout = useLayoutStore();
</script>

<style scoped></style>
